<!--
 - Copyright 2022. Huawei Technologies Co., Ltd. All rights reserved.

 - Licensed under the Apache License, Version 2.0 (the "License");
 - you may not use this file except in compliance with the License.
 - You may obtain a copy of the License at

 -   http://www.apache.org/licenses/LICENSE-2.0

 - Unless required by applicable law or agreed to in writing, software
 - distributed under the License is distributed on an "AS IS" BASIS,
 - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 - See the License for the specific language governing permissions and
 - limitations under the License.
 -->

<!-- 数据加载页面 -->
<template>
    <div class="loading_container">
        <img class="loading_img" :class="{'rtl-l': $rtl}" :src="loading_img" />
        <span class="loading_text" :class="{'rtl-l': $rtl}">分析中</span>
    </div>
</template>

<script>
export default {
    data() {
        return {
            loading_img: window.isDark
                ? require("@/assets/image/dark/loading_dark.gif")
                : require("@/assets/image/loading_light.gif"),
        };
    },
};
</script>

<style scoped>
.loading_container {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.loading_img {
    width: 8.4rem;
    height: 8.4rem;
    margin: 19.2rem 0 1.6rem;
}
.loading_text {
    font-family: HarmonyOS_Sans_SC_Medium;
    font-size: 1.6rem;
    color: #6d7278;
    line-height: 2.3rem;
}
</style>
